<template>
	<view>
		<view class="Content">
			<view class="Box">
				<h2 class="SecHand">二手闲置</h2>
				<view class="WeiGui">请勿发布违规内容</view>
				<view class="Tab">
					<view class="Pub">
						<image class="Biji" src="/static/tab/Biji.png"></image>
						<view class="TextPub">发布帖子</view>
						<view class="ShareLi">分享你的精彩生活</view>
						<image class="RTow" src="/static/tab/RTow.png"></image>
					</view>
					<view class="Pub">
						<image class="Biji" src="/static/tab/Free.png"></image>
						<view class="TextPub" @click="PubFre">发布闲置</view>
						<view class="ShareLi">让你的闲置物品不在积灰</view>
						<image class="RTow" src="/static/tab/RTow.png"></image>
					</view>
					<view class="Pub">
						<image class="Biji" src="/static/tab/TurnMo.png"></image>
						<view class="TextPub">高价回收</view>
						<view class="ShareLi">轻奢潮品高价回收</view>
						<image class="RTow" src="/static/tab/RTow.png"></image>
					</view>
				</view>
			</view>
		</view>
		<custom-tabbar :selected="selectedTab" @tab-change="onTabChange" />
	</view>
</template>

<script>
import CustomTabbar from '@/components/custom-tabbar.vue'
export default {
	data() {
		return {

		}
	},
	components: {
		CustomTabbar
	},
	methods: {
		PubFre() {
			uni.navigateTo({
				url: '/pages/PubFre/PubFre'
			})
		}
	}
}
</script>

<style scoped>
.Tab {
	margin-top: 60upx;
}

.RTow {
	width: 20upx;
	height: 20upx;
	display: inline-block;
	position: relative;
	transform: translateY(-120upx) translateX(600upx);
}

.ShareLi {
	color: #8b8b8b;
	font-size: 33upx;
	position: relative;
	transform: translateY(-50upx) translateX(160upx);
}

.TextPub {
	font-size: 40upx;
	font-weight: 450;
	position: relative;
	transform: translateY(-60upx) translateX(160upx);
}

.Biji {
	width: 90upx;
	height: 90upx;
	position: relative;
	top: 50%;
	transform: translateY(-50%) translateX(40upx);
}

.Pub {
	height: 200upx;
	width: 670upx;
	border-radius: 30upx;
	background: #fff;
	display: inline-block;
}

.WeiGui {
	color: #919071;
	font-size: 30upx;
	margin-top: 20upx;
}

.SecHand {
	margin-top: 70upx;
}

.Box {
	width: 670upx;
	height: 835upx;
	margin-top: 12upx;

}

.Content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: linear-gradient(to top, #FFFFFF 0%, #f1f1e5 25%, #e1e2e0 40%, #bcbeba 150%);
}

.logo {
	height: 200rpx;
	width: 200rpx;
	margin-top: 200rpx;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50rpx;
}

.text-area {
	display: flex;
	justify-content: center;
}

.title {
	font-size: 36rpx;
	color: #8f8f94;
}
</style>
